<template>
  <div>
    <nav-bar class="nav-bar">
      <div slot="center">超级商场</div>
    </nav-bar>
    <user-info/>
    <account-info/>
    <list-view/>
  </div>
</template>

<script>
import NavBar from 'components/common/navbar/NavBar'
import UserInfo from './childComps/UserInfo'
import AccountInfo from './childComps/AccountInfo'
import ListView from './childComps/ListView'


export default {
  name: "Profile",
  components: {
    NavBar,
    UserInfo,
    AccountInfo,
    ListView
  }
}
</script
    UserInfo>

<style scoped>
.nav-bar {
  background-color: var(--color-tint);
  color: #fff;
}
</style>
